<template>
  <div class="home-footer mt-container m-20-auto">
    <div class="border-top border-bottom py-30 d-flex jc-around">
      <div>
        <dl>
          <dt>用户帮助</dt>
          <dd>申请退款</dd>
          <dd>查看美团券密码</dd>
          <dd>常见问题</dd>
          <dd>用户协议</dd>
          <dd>隐私政策</dd>
          <dd>反诈骗公告</dd>
          <dd>消费者权益保障</dd>
        </dl>
        <dl class="mt-20">
          <dt>用户帮助</dt>
          <dd>申请退款</dd>
          <dd>查看美团券密码</dd>
          <dd>常见问题</dd>
          <dd>用户协议</dd>
          <dd>隐私政策</dd>
          <dd>反诈骗公告</dd>
          <dd>消费者权益保障</dd>
        </dl>
      </div>
      <div>
        <dl>
          <dt>商家合作</dt>
          <dd>申请退款</dd>
          <dd>查看美团券密码</dd>
          <dd>常见问题</dd>
          <dd>用户协议</dd>
          <dd>隐私政策</dd>
          <dd>反诈骗公告</dd>
          <dd>消费者权益保障</dd>
          <dd>申请退款</dd>
          <dd>查看美团券密码</dd>
          <dd>常见问题</dd>
          <dd>用户协议</dd>
          <dd>隐私政策</dd>
          <dd>反诈骗公告</dd>
          <dd>消费者权益保障</dd>
        </dl>  
      </div>
      <div>
        <dl>
          <dt>代理商加盟</dt>
          <dd>申请退款</dd>
          <dd>查看美团券密码</dd>
          <dd>常见问题</dd>
          <dd>用户协议</dd>
          <dd>隐私政策</dd>
          <dd>反诈骗公告</dd>
          <dd>消费者权益保障</dd>
        </dl>
        <dl class="mt-20">
          <dt>加盟规则</dt>
          <dd>申请退款</dd>
          <dd>查看美团券密码</dd>
          <dd>常见问题</dd>
          <dd>用户协议</dd>
          <dd>隐私政策</dd>
          <dd>反诈骗公告</dd>
          <dd>消费者权益保障</dd>
        </dl> 
      </div>
      <div>
        <p>关注美团</p>
      </div>
      <div>
        <p>消费者服务热线</p>
      </div>
    </div>
    <div class="p-20 d-flex jc-between ai-center">
      <div class="fs-12">
        <a class="text-ftcolor-1" href="#">©美团网团购 meituan.com</a><a class="text-ftcolor-1 ml-10" href="#">京ICP证070791号</a><a class="text-ftcolor-1 ml-10" href="#">京ICP备10211739号</a>
        <p><a class="text-ftcolor-1" href="#">广播电视节目制作经营许可证（京）字第03889号</a></p>
        <a class="text-ftcolor-1" href="#">食品经营许可证</a><a class="text-ftcolor-1 ml-10" href="#">互联网药品信息服务资格证</a>
        <p><a class="text-ftcolor-1" href="#">医疗器械网络交易服务第三方平台备案：（京）网械平台备字[2018]第00004号</a></p>
      </div>
      <div class="fs-12">
        <a href="#" class="text-ftcolor-1">备案信息:京公网安备11010502025545号</a>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scpoed>
@import '../../../assets/css/_varibles';
.home-footer {
  dt {
    font-size: 14px;
  }
  dd {
    font-size: 12px;
    color: map-get($colors, 'ftcolor-1');
    line-height: 1.5rem;
  }
}
</style>
